<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<link rel="stylesheet" type="text/css" href="../css/reset.css" />
		<link rel="stylesheet" type="text/css" href="../css/shopcar.css" />
		<title>确认订单信息(有收货地址)</title>
	</head>

	<body ng-app="myApp">
		<div ng-controller="affirm2Ctrl">

			<div class="car-nav-wrap">
				<div class="car-nav clearfix">
					<img src="../img/main/1.png" alt="" class="car-nav-logo l" />
					<div class="car-nav-r r">
						<span>我的购物车</span>
						<img src="../img/jifenDetail/rightJT.png" />

						<span class="active">确认订单信息</span>
						<img src="../img/jifenDetail/rightJT.png" />

						<span>订单提交成功</span>
					</div>
				</div>
			</div>
			<div class="affirm-person">
				<p class="affirm-person-info clearfix"><span class="l">收货人信息</span><span class="affirm-add-address r" ng-click="addNew()">使用新地址</span></p>
				<ul class="affirm-total-addr">
					<li class="affirm-total-addlist clearfix">
						<p class="l">
							<img src="../img/jifendingdan/circle1.png" class="affirm-radio" />
							<span>但小兵</span>
							<span>北京市</span>
							<span>昌平区</span>
							<span>天通苑明天第一城4号楼101</span>
							<span>固定电话010-21541589</span>
							<span class="affirm-moren">默认地址</span>
						</p>
						<p class="affirm-op r">
							<span class="default-addr l">设置为默认地址</span>
							<span class="affirm-up-addr l">修改</span>
							<span class="affirm-del-addr l">删除</span>
						</p>
					</li>

					<li class="affirm-total-addlist clearfix">
						<p class="l">
							<img src="../img/jifendingdan/circle0.png" class="affirm-radio" />
							<span>但小兵</span>
							<span>北京市</span>
							<span>昌平区</span>
							<span>天通苑明天第一城4号楼101</span>
							<span>固定电话010-21541589</span>
							<span class="affirm-moren">默认地址</span>
						</p>
						<p class="affirm-op r">
							<span class="default-addr l">设置为默认地址</span>
							<span class="affirm-up-addr l">修改</span>
							<span class="affirm-del-addr l">删除</span>
						</p>
					</li>

					<li class="affirm-total-addlist clearfix">
						<p class="l">
							<img src="../img/jifendingdan/circle0.png" class="affirm-radio" />
							<span>但小兵</span>
							<span>北京市</span>
							<span>昌平区</span>
							<span>天通苑明天第一城4号楼101</span>
							<span>固定电话010-21541589</span>
							<span class="affirm-moren">默认地址</span>
						</p>
						<p class="affirm-op r">
							<span class="default-addr l">设置为默认地址</span>
							<span class="affirm-up-addr l">修改</span>
							<span class="affirm-del-addr l">删除</span>
						</p>
					</li>

					<li class="affirm-total-addlist clearfix">
						<p class="l">
							<img src="../img/jifendingdan/circle0.png" class="affirm-radio" />
							<span>但小兵</span>
							<span>北京市</span>
							<span>昌平区</span>
							<span>天通苑明天第一城4号楼101</span>
							<span>固定电话010-21541589</span>
							<span class="affirm-moren">默认地址</span>
						</p>
						<p class="affirm-op r">
							<span class="default-addr l">设置为默认地址</span>
							<span class="affirm-up-addr l">修改</span>
							<span class="affirm-del-addr l">删除</span>
						</p>
					</li>

					<li class="affirm-total-addlist clearfix">
						<p class="l">
							<img src="../img/jifendingdan/circle0.png" class="affirm-radio" />
							<span>但小兵</span>
							<span>北京市</span>
							<span>昌平区</span>
							<span>天通苑明天第一城4号楼101</span>
							<span>固定电话010-21541589</span>
							<span class="affirm-moren">默认地址</span>
						</p>
						<p class="affirm-op r">
							<span class="default-addr l">设置为默认地址</span>
							<span class="affirm-up-addr l">修改</span>
							<span class="affirm-del-addr l">删除</span>
						</p>
					</li>

					<li class="affirm-total-addlist clearfix">
						<p class="l">
							<img src="../img/jifendingdan/circle0.png" class="affirm-radio" />
							<span>但小兵</span>
							<span>北京市</span>
							<span>昌平区</span>
							<span>天通苑明天第一城4号楼101</span>
							<span>固定电话010-21541589</span>
							<span class="affirm-moren">默认地址</span>
						</p>
						<p class="affirm-op r">
							<span class="default-addr l">设置为默认地址</span>
							<span class="affirm-up-addr l">修改</span>
							<span class="affirm-del-addr l">删除</span>
						</p>
					</li>

					<li class="affirm-total-addlist clearfix">
						<p class="l">
							<img src="../img/jifendingdan/circle0.png" class="affirm-radio" />
							<span>但小兵</span>
							<span>北京市</span>
							<span>昌平区</span>
							<span>天通苑明天第一城4号楼101</span>
							<span>固定电话010-21541589</span>
							<span class="affirm-moren">默认地址</span>
						</p>
						<p class="affirm-op r">
							<span class="default-addr l">设置为默认地址</span>
							<span class="affirm-up-addr l">修改</span>
							<span class="affirm-del-addr l">删除</span>
						</p>
					</li>
					
					<li class="affirm-total-addlist clearfix">
						<p class="l">
							<img src="../img/jifendingdan/circle0.png" class="affirm-radio" />
							<span>但小兵</span>
							<span>北京市</span>
							<span>昌平区</span>
							<span>天通苑明天第一城4号楼101</span>
							<span>固定电话010-21541589</span>
							<span class="affirm-moren">默认地址</span>
						</p>
						<p class="affirm-op r">
							<span class="default-addr l">设置为默认地址</span>
							<span class="affirm-up-addr l">修改</span>
							<span class="affirm-del-addr l">删除</span>
						</p>
					</li>
					
					<li class="affirm-total-addlist clearfix">
						<p class="l">
							<img src="../img/jifendingdan/circle0.png" class="affirm-radio" />
							<span>但小兵</span>
							<span>北京市</span>
							<span>昌平区</span>
							<span>天通苑明天第一城4号楼101</span>
							<span>固定电话010-21541589</span>
							<span class="affirm-moren">默认地址</span>
						</p>
						<p class="affirm-op r">
							<span class="default-addr l">设置为默认地址</span>
							<span class="affirm-up-addr l">修改</span>
							<span class="affirm-del-addr l">删除</span>
						</p>
					</li>
				</ul>

				<div class="other-addr">
					<p class="other-show other-btn show">
						展开其他地址
						<img src="../img/jifendingdan/show.png" />
					</p>
					<p class="other-hide other-btn">
						收起地址
						<img src="../img/jifendingdan/hide.png" />
					</p>
				</div>

			</div>
			
					<!--购物车-->
			<div class="car-con car-sec">
				<p class="car-con-title">
					<span>商品信息</span>
				</p>

				<table border="0" cellspacing="0" cellpadding="0" class="car-table">
					<tr>
						<th>
							<img src="../img/login/checkbox1.png" alt="" class="car-checkbox" />
							<span>爱国果水果店</span>
						</th>
						<th>规格</th>
						<th>单价</th>
						<th>数量</th>
						<th>金额</th>
						<th>操作</th>
					</tr>
					<tr>
						<th>
							<img src="../img/login/checkbox1.png" alt="" class="car-checkbox" />
							<img src="../img/selfCenter/31.png" alt="" class="car-goods-img" />
							<span>云南蒙自石榴</span>
						</th>
						<th>
							8个装
						</th>
						<th>
							¥<span>569</span>
						</th>
						<th class="car-choose">
							<button class="car-reduce " ng-click="">-</button>
							<input type="text" class="car-input" />
							<button class="car-add " ng-click="">+</button>
						</th>
						<th class="car-price">
							¥<span>569</span>
						</th>
						<th>
							<button class="car-del">删除</button>
						</th>
					</tr>
					<tr class="car-totalprice">
						<th></th>
						<th></th>
						<th></th>
						<th></th>
						<th></th>
						<th class="car-totalprice-th">商品总额 &nbsp;&nbsp;<span class="rmb">¥</span><span class="total-num">569</span></th>
					</tr>
				</table>

				<div class="bill-info">
					<p class="bill-info-title">开票信息</p>
					<p class="bill-type">
						<span>
							<!--<img src="../img/jifendingdan/circle1.png" alt=""/>-->
						<!--<img src="../img/jifendingdan/circle0.png" alt="" class="bill-radio"/>-->
						<span class="bill-radio"></span>
						<span  class="bill-xx">不需要</span>
					</span>
						<span>
							<span class="bill-radio"></span>
						<span  class="bill-xx">个人</span>
					</span>
						<span>
							<span class="bill-radio"></span>
						<span class="bill-xx">单位</span>
					</span>
					</p>
					<p class="bill-title">
						<span>发票抬头:</span>
						<input type="text" class="bill-title-input" />
					</p>
					<p class="bill-remark">
						<span>添加订单备注</span><br />
						<input type="text" class="bill-remark-input" placeholder="限45个字,请填写有关商品、支付、发票信息等" />
					</p>
				</div>

				<!--送达时间-->
				<div class="order-send">
					<p>次日达·礼拜五专享</p>
					<p>选择送达时间: <span class="send-time1">2017年6月23日</span><span class="send-time2">12:00~15:00</span><span class="time-change" ng-click="changeTime()"><img src="../img/xuebitu/icons/日历.png" alt="" class="send-rili"/><span class="change-txt">点击修改</span></span>
					</p>
					<div class="change-time" ng-show="show1==true">
						<table border="1" cellspacing="0" cellpadding="0">
							<tr>
								<th>10:00-13:00</th>
								<th>11:00-14:00</th>
								<th class="choosed">12:00-15:00</th>
								<th>13:00-16:00</th>
								<th>14:00-17:00</th>
							</tr>
							<tr>
								<th>15:00-18:00</th>
								<th>16:00-19:00</th>
								<th>17:00-20:00</th>
								<th>18:00-21:00</th>
								<th>19:00-22:00</th>
							</tr>
						</table>
						<p class="choose-btn">
							<span class="choose-cansel" ng-click="cansel()">取消</span>
							<span class="choose-con" ng-click="confirm()">确定</span>
						</p>
					</div>
				</div>
				
				<!--实付金额-->
				<div class="bill-total-num r">
					<p>实付金额: <span class="bill-rmb">¥</span><span class="bill-rmb-bum">2977</span></p>
					<p>订单完成后可获得积分: <span class="bill-total-jf">300</span><span class="bill-total-jftxt">积分</span></p>
					<a href="success-pay.html"><p class="order-sub r">提交订单</p></a>
				</div>
			</div>
			
			<!--添加地址弹框-->
					<div class="car-confirm"  id="edit-address" ng-show="show2==true">
				<p class="add-address1">添加地址</p>

				<div class="car-person-info" id="per-info">
					<p>
						<!--<span class="car-bitian">*</span>-->
						<span class="car-bitian">*</span><span class="car-mz">收货人姓名:</span>
						<!--<span class="car-mz">收货人姓名:</span>-->
						<input type="text" name="car-name-in" id="car-name-in" value="" placeholder="可以收货人的姓名" />
					</p>
					<div class="car-address">
						<span class="car-bitian">*</span><span class="car-szd">所在地区:</span>
						<select id="sheng">
							<option>请选择市</option>
						</select>
						<select id="shi">
							<option>请选择市</option>
						</select>
						<select id="xian">
							<option>请选择县</option>
						</select>
					</div>
					<p>
						<span class="car-bitian">*</span><span class="car-szd">详细地址:</span>
						<input type="text" class="car-add-detail" placeholder="用于接收货物的详细地址" />
					</p>
					<p>
						<span class="car-bitian">*</span><span class="car-szd">联系电话:</span>
						<input type="text" placeholder="推荐使用手机号" class="car-phone" /><span class="car-or">或固定电话:</span><input type="text" placeholder="区号" class="car-quhao" /><span> - </span><input type="text" placeholder="电话号码" class="car-tel" />
					</p>

					<p class="edit-add-btn" ng-click="edit()">
						<span class="edit-radio" id="edit-radio" ></span>
						<span id="common-addr">设置为常用地址</span>
					</p>
					
					<p class="handle-addr">
						<span class="handle-return" ng-click="return1()">返回</span>
						<span class="handle-save" ng-click="save1()">保存</span>
					</p>
						
				</div>
			</div>
			
		</div>
	</body>
	<script src="../js/jquery.js" type="text/javascript" charset="utf-8"></script>
	<script src="../js/angular.js" type="text/javascript" charset="utf-8"></script>
	<script src="../js/affirm2.js" type="text/javascript" charset="utf-8"></script>
	<script src="../js/address.js" type="text/javascript" charset="utf-8"></script>
</html>